<template>
  <dv-card class="main-left">
    <template #header>
      <div class="page-title">首页>654333数字化改革</div>
    </template>
    <div class="content" style="padding: 0">
      <div class="column-item-row-center">
        <!--        六个方面重点工作-->
        <six-work class="mb-10" />
        <!--        五大会战-->
        <five-war />
      </div>
      <!-- <div>
        <four-target />
      </div> -->
    </div>
  </dv-card>
</template>

<script>
import SixWork from "@/views/654333/components/Left/components/SixWork";
import FiveWar from "@/views/654333/components/Left/components/FiveWar";
import DvCard from "@/components/DvCard";
export default {
  name: "Left",
  components: { DvCard, FiveWar, SixWork },
};
</script>

<style scoped lang="scss">
// 覆盖样式
.page-title {
  height: 21px;
  font-size: 22px;
  font-weight: 400;
  color: #9eccff;
  line-height: 26px;
}
.main-left {
  box-sizing: border-box;
  place-content: center;
  .content {
    display: grid;
    grid-template-columns: 889px auto;
    grid-column-gap: 16px;
  }
}
</style>
